<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>G.DOXA | 项目协作工具缔造者</title>
		<meta name="description" content="The Project a Bootstrap-based, Responsive HTML5 Template">
		<meta name="author" content="htmlcoder.me">

		<!-- Mobile Meta -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- Favicon -->
		<link rel="shortcut icon" href="dict/images/favicon.ico">
		<!-- Web Fonts -->
		<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Raleway:700,400,300' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'>
		<!-- Bootstrap core CSS -->
		<link href="plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
		<!-- Font Awesome CSS -->
		<link href="dict/fonts/font-awesome/css/font-awesome.css" rel="stylesheet">
		<!-- Fontello CSS -->
		<link href="dict/fonts/fontello/css/fontello.css" rel="stylesheet">
		<!-- Plugins -->
		<link href="plugins/magnific-popup/magnific-popup.css" rel="stylesheet">
		<link href="plugins/rs-plugin/css/settings.css" rel="stylesheet">
		<link href="dict/css/animations.css" rel="stylesheet">
		<link href="plugins/owl-carousel/owl.carousel.css" rel="stylesheet">
		<link href="plugins/owl-carousel/owl.transitions.css" rel="stylesheet">
		<link href="plugins/hover/hover-min.css" rel="stylesheet">

		<!-- the project core CSS file -->
		<link href="dict/css/style.css" rel="stylesheet" >
		<link href="dict/css/typography-default.css" rel="stylesheet" >

		<!-- Color Scheme (In order to change the color scheme, replace the blue.css with the color scheme that you prefer)-->
		<link href="dict/css/skins/light_blue.css" rel="stylesheet">

		<!-- Custom css for home page -->
		<link rel="stylesheet" type="text/css" href="dict/css/custom/normalize.css" />
		<link rel="stylesheet" type="text/css" href="dict/css/custom/default.css">
		<link rel="stylesheet" type="text/css" href="dict/common/jquery-ui.min.css"/>
		<link rel="stylesheet" type="text/css" href="dict/css/custom/style1.css" />
		<link rel="stylesheet" type="text/css" href="dict/css/custom/common.css">
		<link rel="stylesheet" type="text/css" href="dict/css/custom/card.css">
		<link rel="stylesheet" type="text/css" href="dict/common/css/lobipanel.min.css"/>
		<link rel="stylesheet" type="text/css" href="dict/css/custom/documentation.css"/>
		<link rel="stylesheet" type="text/css" href="dict/css/custom/menu.css">
		<link rel="stylesheet" type="text/css" href="dict/css/custom/tabstyle.css">
		<link rel="stylesheet" type="text/css" href="dict/css/custom/jquery.eeyellow.Timeline.css" />
		<link rel="stylesheet" type="text/css" href="dict/css/custom/build.css">
		<link rel="stylesheet" type="text/css" href="dict/css/custom/test_timeline.css">
		<link rel="stylesheet" type="text/css" href="dict/css/custom/org_chart.css">
		<link rel="stylesheet" type="text/css" href="dict/common/css/htools.select.skin.css">
		<link rel="stylesheet" type="text/css" href="dict/css/custom/basictable.css" />
		<link rel="stylesheet" type="text/css" href="dict/css/custom/test_table.css" />

        <script src="dict/js/custom/prefixfree.min.js"></script>
        <script src="dict/js/custom/modernizr.custom.js"></script>
<style>
#email_templates .btn-blue { margin-bottom: 10px; display: block; border-color: #3697d9; color: #3697d9;  }
#email_templates .btn-blue:hover,
#email_templates .btn-blue:focus { background-color: #338dca; color: #fff; border-color: #338dca; }
#email_templates .btn-brown { margin-bottom: 10px; display: block; border-color: #91633c; color: #91633c;  }
#email_templates .btn-brown:hover,
#email_templates .btn-brown:focus { background-color: #795332; color: #fff; border-color: #795332; }
#email_templates .btn-cool-green { margin-bottom: 10px; display: block; border-color: #21bb9d; color: #21bb9d;  }
#email_templates .btn-cool-green:hover,
#email_templates .btn-cool-green:focus { background-color: #1ea88d; color: #fff; border-color: #1ea88d; }
#email_templates .btn-dark-cyan { margin-bottom: 10px; display: block; border-color: #2aa4a5; color: #2aa4a5;  }
#email_templates .btn-dark-cyan:hover,
#email_templates .btn-dark-cyan:focus { background-color: #248d8e; color: #fff; border-color: #248d8e; }
#email_templates .btn-dark-red { margin-bottom: 10px; display: block; border-color: #992020; color: #992020;  }
#email_templates .btn-dark-red:hover,
#email_templates .btn-dark-red:focus { background-color: #681313; color: #fff; border-color: #681313; }
#email_templates .btn-gold { margin-bottom: 10px; display: block; border-color: #c7ac56; color: #c7ac56;  }
#email_templates .btn-gold:hover,
#email_templates .btn-gold:focus { background-color: #b0984d; color: #fff; border-color: #b0984d; }
#email_templates .btn-gray { margin-bottom: 10px; display: block; border-color: #809398; color: #809398;  background-color: transparent; }
#email_templates .btn-gray:hover,
#email_templates .btn-gray:focus { background-color: #6e7e82; color: #fff; border-color: #6e7e82; text-decoration: none; }
#email_templates .btn-green { margin-bottom: 10px; display: block; border-color: #24a828; color: #24a828;  }
#email_templates .btn-green:hover,
#email_templates .btn-green:focus { background-color: #1f9123; color: #fff; border-color: #1f9123; }
#email_templates .btn-light-blue { margin-bottom: 10px; display: block; border-color: #09afdf; color: #09afdf;  }
#email_templates .btn-light-blue:hover,
#email_templates .btn-light-blue:focus { background-color: #0c9ec7; color: #fff; border-color: #0c9ec7; }
#email_templates .btn-orange { margin-bottom: 10px; display: block; border-color: #e07e27; color: #e07e27;  }
#email_templates .btn-orange:hover,
#email_templates .btn-orange:focus { background-color: #cc7324; color: #fff; border-color: #cc7324; }
#email_templates .btn-pink { margin-bottom: 10px; display: block; border-color: #dd7b9b; color: #dd7b9b;  }
#email_templates .btn-pink:hover,
#email_templates .btn-pink:focus { background-color: #c9718e; color: #fff; border-color: #c9718e; }
#email_templates .btn-purple { margin-bottom: 10px; display: block; border-color: #ab6cc6; color: #ab6cc6;  }
#email_templates .btn-purple:hover,
#email_templates .btn-purple:focus { background-color: #9760af; color: #fff; border-color: #9760af; }
#email_templates .btn-red { margin-bottom: 10px; display: block; border-color: #dc5b5b; color: #dc5b5b;  }
#email_templates .btn-red:hover,
#email_templates .btn-red:focus { background-color: #c15050; color: #fff; border-color: #c15050; }
#email_templates .btn-vivid-red { margin-bottom: 10px; display: block; border-color: #c82727; color: #c82727;  }
#email_templates .btn-vivid-red:hover,
#email_templates .btn-vivid-red:focus { background-color: #b42424; color: #fff; border-color: #b42424; }

/*ul li{ list-style-type:none; }*/
/*.ripple-container .ripple{background-color: rgba(255,255,255,0.4); animation: ripple 2s forwards cubic-bezier(0, 0, 0.2, 1);}*/
/*@keyframes ripple {0% {transform: scale(0); opacity: 1;} 80% {transform: scale(1);}100% { opacity: 0;}}*/
/*.grid-item-btn {color: white; width:100%; padding: 10px 12px; border:0; font-size: 14px;cursor: pointer}*/
/*table td{ padding: 3px;}*/
/*#tab-group-title{float: left; position: relative; text-align: center; vertical-align: middle; line-height: 2.5em;}*/
</style>
		<!-- Custom css -->
		<link href="dict/css/custom.css" rel="stylesheet">
	</head>

	<!-- body classes:  -->
	<!-- "boxed": boxed layout mode e.g. <body class="boxed"> -->
	<!-- "pattern-1 ... pattern-9": background patterns for boxed layout mode e.g. <body class="boxed pattern-1"> -->
	<!-- "transparent-header": makes the header transparent and pulls the banner to top -->
	<body class="no-trans front-page">

		<!-- scrollToTop -->
		<!-- ================ -->
		<div class="scrollToTop circle"><i class="icon-up-open-big"></i></div>

		<!-- page wrapper start -->
		<!-- ================ -->
		<div class="page-wrapper">

			<!-- header-container start -->
			<div class="header-container">

				<!-- header-top start -->
				<!-- classes:  -->
				<!-- "dark": dark version of header top e.g. class="header-top dark" -->
				<!-- "colored": colored version of header top e.g. class="header-top colored" -->
				<!-- ================ -->
				<div class="header-top dark ">
					<div class="container">
						<div class="row">
							<div class="col-xs-3 col-sm-6 col-md-9">
								<!-- header-top-first start -->
								<!-- ================ -->
								<div class="header-top-first clearfix">
									<ul class="social-links circle small clearfix hidden-xs">
										<li class="twitter"><a target="_blank" href="http://www.twitter.com"><i class="fa fa-twitter"></i></a></li>
										<li class="skype"><a target="_blank" href="http://www.skype.com"><i class="fa fa-skype"></i></a></li>
										<li class="linkedin"><a target="_blank" href="http://www.linkedin.com"><i class="fa fa-linkedin"></i></a></li>
										<li class="googleplus"><a target="_blank" href="http://plus.google.com"><i class="fa fa-google-plus"></i></a></li>
										<li class="youtube"><a target="_blank" href="http://www.youtube.com"><i class="fa fa-youtube-play"></i></a></li>
										<li class="flickr"><a target="_blank" href="http://www.flickr.com"><i class="fa fa-flickr"></i></a></li>
										<li class="facebook"><a target="_blank" href="http://www.facebook.com"><i class="fa fa-facebook"></i></a></li>
										<li class="pinterest"><a target="_blank" href="http://www.pinterest.com"><i class="fa fa-pinterest"></i></a></li>
									</ul>
									<div class="social-links hidden-lg hidden-md hidden-sm circle small">
										<div class="btn-group dropdown">
											<button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="fa fa-share-alt"></i></button>
											<ul class="dropdown-menu dropdown-animation">
												<li class="twitter"><a target="_blank" href="http://www.twitter.com"><i class="fa fa-twitter"></i></a></li>
												<li class="skype"><a target="_blank" href="http://www.skype.com"><i class="fa fa-skype"></i></a></li>
												<li class="linkedin"><a target="_blank" href="http://www.linkedin.com"><i class="fa fa-linkedin"></i></a></li>
												<li class="googleplus"><a target="_blank" href="http://plus.google.com"><i class="fa fa-google-plus"></i></a></li>
												<li class="youtube"><a target="_blank" href="http://www.youtube.com"><i class="fa fa-youtube-play"></i></a></li>
												<li class="flickr"><a target="_blank" href="http://www.flickr.com"><i class="fa fa-flickr"></i></a></li>
												<li class="facebook"><a target="_blank" href="http://www.facebook.com"><i class="fa fa-facebook"></i></a></li>
												<li class="pinterest"><a target="_blank" href="http://www.pinterest.com"><i class="fa fa-pinterest"></i></a></li>
											</ul>
										</div>
									</div>
								</div>
								<!-- header-top-first end -->
							</div>
							<div class="col-xs-9 col-sm-6 col-md-3">

								<!-- header-top-second start -->
								<!-- ================ -->
								<div id="header-top-second"  class="clearfix">

									<!-- header top dropdowns start -->
									<!-- ================ -->
									<div class="header-top-dropdown text-right">
										<div class="btn-group">
											<a href="dict/page-signup.html" class="btn btn-default btn-sm"><i class="fa fa-user pr-10"></i> Sign Up</a>
										</div>
										<div class="btn-group dropdown">
											<button type="button" class="btn dropdown-toggle btn-default btn-sm" data-toggle="dropdown"><i class="fa fa-lock pr-10"></i> Login</button>
											<ul class="dropdown-menu dropdown-menu-right dropdown-animation">
												<li>
													<form class="login-form margin-clear">
														<div class="form-group has-feedback">
															<label class="control-label">Username</label>
															<input type="text" class="form-control" placeholder="">
															<i class="fa fa-user form-control-feedback"></i>
														</div>
														<div class="form-group has-feedback">
															<label class="control-label">Password</label>
															<input type="password" class="form-control" placeholder="">
															<i class="fa fa-lock form-control-feedback"></i>
														</div>
														<button type="submit" class="btn btn-gray btn-sm">Log In</button>
														<span class="pl-5 pr-5">or</span>
														<button type="submit" class="btn btn-default btn-sm">Sing Up</button>
														<ul>
															<li><a href="#">Forgot your password?</a></li>
														</ul>
														<span class="text-center">Login with</span>
														<ul class="social-links circle small colored clearfix">
															<li class="facebook"><a target="_blank" href="http://www.facebook.com"><i class="fa fa-facebook"></i></a></li>
															<li class="twitter"><a target="_blank" href="http://www.twitter.com"><i class="fa fa-twitter"></i></a></li>
															<li class="googleplus"><a target="_blank" href="http://plus.google.com"><i class="fa fa-google-plus"></i></a></li>
														</ul>
													</form>
												</li>
											</ul>
										</div>
									</div>
									<!--  header top dropdowns end -->
								</div>
								<!-- header-top-second end -->
							</div>
						</div>
					</div>
				</div>
				<!-- header-top end -->

				<!-- header start -->
				<!-- classes:  -->
				<!-- "fixed": enables fixed navigation mode (sticky menu) e.g. class="header fixed clearfix" -->
				<!-- "dark": dark version of header e.g. class="header dark clearfix" -->
				<!-- "full-width": mandatory class for the full-width menu layout -->
				<!-- "centered": mandatory class for the centered logo layout -->
				<!-- ================ -->
				<header class="header fixed clearfix">
					<div class="container">
						<div class="row">
							<div class="col-md-3 ">
								<!-- header-left start -->
								<!-- ================ -->
								<div class="header-left clearfix">
									<!-- header dropdown buttons -->
									<div class="header-dropdown-buttons visible-xs">
										<div class="btn-group dropdown">
											<button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="icon-search"></i></button>
											<ul class="dropdown-menu dropdown-menu-right dropdown-animation">
												<li>
													<form role="search" class="search-box margin-clear">
														<div class="form-group has-feedback">
															<input type="text" class="form-control" placeholder="Search">
															<i class="icon-search form-control-feedback"></i>
														</div>
													</form>
												</li>
											</ul>
										</div>
										<div class="btn-group dropdown">
											<button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="icon-basket-1"></i><span class="cart-count default-bg">8</span></button>
											<ul class="dropdown-menu dropdown-menu-right dropdown-animation cart">
												<li>
													<table class="table table-hover">
														<thead>
															<tr>
																<th class="quantity">QTY</th>
																<th class="product">Product</th>
																<th class="amount">Subtotal</th>
															</tr>
														</thead>
														<tbody>
															<tr>
																<td class="quantity">2 x</td>
																<td class="product"><a href="dict/shop-product.html">Android 4.4 Smartphone</a><span class="small">4.7" Dual Core 1GB</span></td>
																<td class="amount">$199.00</td>
															</tr>
															<tr>
																<td class="quantity">3 x</td>
																<td class="product"><a href="dict/shop-product.html">Android 4.2 Tablet</a><span class="small">7.3" Quad Core 2GB</span></td>
																<td class="amount">$299.00</td>
															</tr>
															<tr>
																<td class="quantity">3 x</td>
																<td class="product"><a href="dict/shop-product.html">Desktop PC</a><span class="small">Quad Core 3.2MHz, 8GB RAM, 1TB Hard Disk</span></td>
																<td class="amount">$1499.00</td>
															</tr>
															<tr>
																<td class="total-quantity" colspan="2">Total 8 Items</td>
																<td class="total-amount">$1997.00</td>
															</tr>
														</tbody>
													</table>
													<div class="panel-body text-right">
														<a href="dict/shop-cart.html" class="btn btn-group btn-gray btn-sm">View Cart</a>
														<a href="dict/shop-checkout.html" class="btn btn-group btn-gray btn-sm">Checkout</a>
													</div>
												</li>
											</ul>
										</div>
									</div>
									<!-- header dropdown buttons end-->

									<!-- logo -->
									<div id="logo" class="logo">
										<a href="module/index.html"><img id="logo_img" src="dict/images/logo_light_blue.png" alt="The Project"></a>
									</div>
									<!-- name-and-slogan -->
									<div class="site-slogan">
										一站式协作工具缔造者
									</div>

								</div>
								<!-- header-left end -->

							</div>
							<div class="col-md-9">
								<!-- header-right start -->
								<!-- ================ -->
								<div class="header-right clearfix">
								<!-- main-navigation start -->
								<!-- classes: -->
								<!-- "onclick": Makes the dropdowns open on click, this the default bootstrap behavior e.g. class="main-navigation onclick" -->
								<!-- "animated": Enables animations on dropdowns opening e.g. class="main-navigation animated" -->
								<!-- "with-dropdown-buttons": Mandatory class that adds extra space, to the main navigation, for the search and cart dropdowns -->
								<!-- ================ -->
								<div class="main-navigation animated with-dropdown-buttons">

									<!-- navbar start -->
									<!-- ================ -->
									<nav class="navbar navbar-default" role="navigation">
										<div class="container-fluid">
											<!-- Toggle get grouped for better mobile display -->
											<div class="navbar-header">
												<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
													<span class="sr-only">Toggle navigation</span>
													<span class="icon-bar"></span>
													<span class="icon-bar"></span>
													<span class="icon-bar"></span>
												</button>
											</div>

											<!-- Collect the nav links, forms, and other content for toggling -->
											<div class="collapse navbar-collapse" id="navbar-collapse-1">
												<!-- main-menu -->
												<ul class="nav navbar-nav ">
													<!-- mega-menu start -->
													<li class="active mega-menu">
														<a href="module/index.html" class="dropdown-toggle" data-toggle="dropdown">首页</a>
													</li>
													<!-- mega-menu end -->
													<!-- mega-menu start -->
													<li class="mega-menu">
														<a href="index.html" class="dropdown-toggle" data-toggle="dropdown">任务</a>
													</li>
													<!-- mega-menu end -->
													<li class="mega-menu">
														<a href="index.html" class="dropdown-toggle" data-toggle="dropdown">日程</a>
													</li>
													<!-- mega-menu start -->
													<li class="mega-menu">
														<a href="module/document/index.html" class="dropdown-toggle" data-toggle="dropdown" target="_blank">文件</a>
													</li>
													<!-- mega-menu end -->
													<li class="dropdown">
														<a href="#" class="dropdown-toggle" data-toggle="dropdown">消息</a>
														<!--<span class="cart-count default-bg">2</span>-->
														<ul class="dropdown-menu">
															<li class="dropdown ">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Portfolio Grid 1</a>
																<ul class="dropdown-menu">
																	<li ><a href="dict/portfolio-grid-1-2-col.html">2 Column</a></li>
																	<li ><a href="dict/portfolio-grid-1-3-col.html">3 Column</a></li>
																	<li ><a href="dict/portfolio-grid-1-4-col.html">4 Column</a></li>
																	<li ><a href="dict/portfolio-grid-1-sidebar.html">With Sidebar</a></li>
																</ul>
															</li>
															<li class="dropdown ">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Portfolio Grid 2</a>
																<ul class="dropdown-menu">
																	<li ><a href="dict/portfolio-grid-2-2-col.html">2 Column</a></li>
																	<li ><a href="dict/portfolio-grid-2-3-col.html">3 Column</a></li>
																	<li ><a href="dict/portfolio-grid-2-4-col.html">4 Column</a></li>
																	<li ><a href="dict/portfolio-grid-2-sidebar.html">With Sidebar</a></li>
																</ul>
															</li>
															<li class="dropdown ">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Portfolio Grid 3 - Dark</a>
																<ul class="dropdown-menu">
																	<li ><a href="module/portfolio-grid-3-2-col.html">2 Column</a></li>
																	<li ><a href="dict/portfolio-grid-3-3-col.html">3 Column</a></li>
																	<li ><a href="dict/portfolio-grid-3-4-col.html">4 Column</a></li>
																	<li ><a href="module/portfolio-grid-3-sidebar.html">With Sidebar</a></li>
																</ul>
															</li>
															<li class="dropdown ">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Portfolio Fullwidth</a>
																<ul class="dropdown-menu">
																	<li ><a href="dict/portfolio-fullwidth-2-col.html">2 Column</a></li>
																	<li ><a href="dict/portfolio-fullwidth-3-col.html">3 Column</a></li>
																	<li ><a href="dict/portfolio-fullwidth-4-col.html">4 Column</a></li>
																</ul>
															</li>
															<li class="dropdown ">
																<a  class="dropdown-toggle" data-toggle="dropdown" href="#">Portfolio List</a>
																<ul class="dropdown-menu">
																	<li ><a href="dict/portfolio-list-1.html">List - Large Images</a></li>
																	<li ><a href="module/portfolio-list-2.html">List - Small Images</a></li>
																	<li ><a href="module/portfolio-list-sidebar.html">With Sidebar</a></li>
																</ul>
															</li>
															<!--<li ><a href="dict/portfolio-item.html">Single Item 1</a></li>-->
															<!--<li ><a href="dict/portfolio-item-2.html">Single Item 2</a></li>-->
															<!--<li ><a href="dict/portfolio-item-3.html">Single Item 3</a></li>-->
														</ul>
													</li>
													<li class="mega-menu">
														<a href="dict/index-shop.html" class="dropdown-toggle" data-toggle="dropdown">团队</a>
													</li>
													<li class="mega-menu">
														<a href="dict/blog-large-image-right-sidebar.html" class="dropdown-toggle" data-toggle="dropdown">联系我们</a>
													</li>
												</ul>
												<!-- main-menu end -->

												<!-- header dropdown buttons -->
												<div class="header-dropdown-buttons hidden-xs ">
													<div class="btn-group dropdown">
														<button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="icon-search"></i></button>
														<ul class="dropdown-menu dropdown-menu-right dropdown-animation">
															<li>
																<form role="search" class="search-box margin-clear">
																	<div class="form-group has-feedback">
																		<input type="text" class="form-control" placeholder="Search">
																		<i class="icon-search form-control-feedback"></i>
																	</div>
																</form>
															</li>
														</ul>
													</div>
												</div>
												<!-- header dropdown buttons end-->

											</div>
										</div>
									</nav>
									<!-- navbar end -->

								</div>
								<!-- main-navigation end -->
								</div>
								<!-- header-right end -->
							</div>
						</div>
					</div>
				</header>
				<!-- header end -->
			</div>
			<!-- header-container end -->

			<!-- main content here -->
			<div class="top-bar" style="position: relative;float: left; margin-top: 20px;">
				<!-- <h1 class="top-bar__headline">My Projects</h1>	 -->
				<!-- <h2 class="top-bar__headline add-button" style="position:relative;left:3%;"><a href="#" style="text-decoration:underline">New</a></h2> -->
				<h2 class="top-bar__headline add-button" style="position:relative;left:3%;"><a href="#" style="text-decoration:underline">Reports</a></h2>
				<h2 class="top-bar__headline add-button" style="position:relative;left:5%;"><a href="#" style="text-decoration:underline">Creat Report</a></h2>
				<h2 class="top-bar__headline add-button" style="position:relative;left:9%;"><a href="#" style="text-decoration:underline">Escalation</a></h2>
				<h2 class="top-bar__headline add-button" style="position:relative;left:11%;"><a href="#" style="text-decoration:underline">New Escalate</a></h2>

				<div style="position:relative;left:44%;">
					<select id="tempselect">
						<option value="1">Industry Temp</option>
						<option value="2">AAA</option>
						<option value="3">BBB</option>
					</select>
				</div>
			</div>
			<div class="tab-group-parent" style="position: relative; margin-top: 4em">
				<section id="tab1" title="Item">
					<div class="container-home container-home-page">
						<div id="theGrid" class="main" style="float: left;width:62%;">
							<div style="margin-top: 2em;height: 2em;">
								<p style="float: left; margin-right: 20px;">Project Status</p>
								<div class="checkbox checkbox-inline">
									<input type="checkbox" class="styled" id="inlineCheckbox1" value="option1">
									<label for="inlineCheckbox1"> Green </label>
								</div>
								<div class="checkbox checkbox-inline">
									<input type="checkbox" class="styled" id="inlineCheckbox2" value="option1" checked>
									<label for="inlineCheckbox2"> Yellow </label>
								</div>
								<div class="checkbox checkbox-inline">
									<input type="checkbox" class="styled" id="inlineCheckbox3" value="option1">
									<label for="inlineCheckbox3"> Red </label>
								</div>
								<div style="float: right;">
									<select id="myselect">
										<option value="1">Filter by</option>
										<option value="2">AAA</option>
										<option value="3">BBB</option>
									</select>
								</div>
							</div>
							<div class="grid" style="margin-top: 0.5em;">
								<div class="grid__item" id="grid-itemId-0">
									<div class="rectangle-large" style="float:right;margin:0;position: absolute; top: 0;left: 0">
										<div class="common-circle-large"></div>
										<div class="common-circle-large"></div>
										<div class="green-circle-large"></div>
									</div>
									<h2 class="title title--preview"><a href="" class="project-name">Pudong New Office Fitout 2016</a></h2>
									<div class="loader"></div>
									<span class="category">Project Mgr: Micah Cheng &nbsp;<a href="#"><i class="fa fa-envelope-o" aria-hidden="true"></i></a></span>

									<div class="meta meta--preview" style="margin-bottom:20px;">
										<img class="meta__avatar" src="img/authors/1.png" alt="author01">
										<span class="meta__date"><i class="fa fa-calendar-o"></i> 9 Apr</span>
										<span class="meta__reading-time"><i class="fa fa-clock-o"></i> 30d</span>

										<div style="text-align:center;margin-top:5em;">
											<h5 class="meta__avatar">Client: <a href="#">Nike</a></h5>
											<h5 class="meta__avatar">Key Milestone: 20171209</h5>
											<h5 class="meta__avatar">C3 Equipment Delivery</h5>
										</div>
									</div>
									<table width="100%" cellpadding="0" cellspacing="0" style="table-layout: fixed;">
										<tr>
											<td> <button id="grid-itemId-btn-0-0" class="grid-item-btn green" data-ripple>Report</button></td>
											<td> <button id="grid-itemId-btn-0-1" class="grid-item-btn green" data-ripple>Escalation</button></td>
										</tr>
										<tr>
											<td> <button id="grid-itemId-btn-0-2" class="grid-item-btn green" data-ripple>Org-Chart</button></td>
											<td> <button id="grid-itemId-btn-0-3" class="grid-item-btn green" data-ripple>Meeting Minutes</button> </td>
										</tr>
									</table>
								</div>
								<div class="grid__item" id="grid-itemId-1">
									<div class="rectangle-large" style="float:right;margin:0;position: absolute; top: 0;left: 0">
										<div class="red-circle-large"></div>
										<div class="common-circle-large"></div>
										<div class="common-circle-large"></div>
									</div>
									<h2 class="title title--preview"><a href="#">Beijing 西城 新店 2017</a></h2>
									<div class="loader"></div>
									<span class="category">Project Mgr: Jack Quan &nbsp;<a href="#"><i class="fa fa-envelope-o" aria-hidden="true" href="#"></i></a></span>

									<div class="meta meta--preview" style="margin-bottom:20px;">
										<img class="meta__avatar" src="img/authors/2.png" alt="author02" />
										<span class="meta__date"><i class="fa fa-calendar-o"></i> 7 Apr</span>
										<span class="meta__reading-time"><i class="fa fa-clock-o"></i> 50d</span>

										<div style="text-align:center;margin-top:5em;">
											<h5 class="meta__avatar">Client: <a href="#">Dior</a></h5>
											<h5 class="meta__avatar">Key Milestone: 20171209</h5>
											<h5 class="meta__avatar">C3 Equipment Delivery</h5>
										</div>

									</div>
									<table width="100%" cellpadding="0" cellspacing="0" style="table-layout: fixed;">
										<tr>
											<td> <button id="grid-itemId-btn-1-0" class="grid-item-btn green" data-ripple>Report</button></td>
											<td> <button id="grid-itemId-btn-1-1" class="grid-item-btn green" data-ripple>Escalation</button></td>
										</tr>
										<tr>
											<td> <button id="grid-itemId-btn-1-2" class="grid-item-btn green" data-ripple>Org-Chart</button></td>
											<td> <button id="grid-itemId-btn-1-3" class="grid-item-btn green" data-ripple>Meeting Minutes</button> </td>
										</tr>
									</table>
								</div>
								<div class="grid__item" id="grid-itemId-2">
									<div class="rectangle-large" style="float:right;margin:0;position: absolute; top: 0;left: 0">
										<div class="common-circle-large"></div>
										<div class="yellow-circle-large"></div>
										<div class="common-circle-large"></div>
									</div>
									<h2 class="title title--preview"><a href="#">Puxi Network Infrastruction 2016</a></h2>
									<div class="loader"></div>
									<span class="category">Project Mgr: Leo Cheung &nbsp;<a href="#"><i class="fa fa-envelope-o" aria-hidden="true"></a></i></span>
									<div class="meta meta--preview" style="margin-bottom:20px;">
										<img class="meta__avatar" src="img/authors/3.png" alt="author03" />
										<span class="meta__date"><i class="fa fa-calendar-o"></i> 6 Apr</span>
										<span class="meta__reading-time"><i class="fa fa-clock-o"></i> 2d</span>

										<div style="text-align:center;margin-top:5em;">
											<h5 class="meta__avatar">Client: <a href="#">Nike</a></h5>
											<h5 class="meta__avatar">Key Milestone: 20171209</h5>
											<h5 class="meta__avatar">C3 Equipment Delivery</h5>
										</div>

									</div>
									<table width="100%" cellpadding="0" cellspacing="0" style="table-layout: fixed;">
										<tr>
											<td> <button id="grid-itemId-btn-2-0" class="grid-item-btn green" data-ripple>Report</button></td>
											<td> <button id="grid-itemId-btn-2-1" class="grid-item-btn green" data-ripple>Escalation</button></td>
										</tr>
										<tr>
											<td> <button id="grid-itemId-btn-2-2" class="grid-item-btn green" data-ripple>Org-Chart</button></td>
											<td> <button id="grid-itemId-btn-2-3" class="grid-item-btn green" data-ripple>Meeting Minutes</button> </td>
										</tr>
									</table>
								</div>
								<div class="grid__item" id="grid-itemId-3">
									<div class="rectangle-large" style="float:right;margin:0;position: absolute; top: 0;left: 0">
										<div class="common-circle-large"></div>
										<div class="common-circle-large"></div>
										<div class="green-circle-large"></div>
									</div>
									<h2 class="title title--preview"><a href="#">苏州 新店 2017</a></h2>
									<div class="loader"></div>
									<span class="category">Project Mgr: Micah Cheng &nbsp;<a href="#"><i class="fa fa-envelope-o" aria-hidden="true"></a></i></span>
									<div class="meta meta--preview" style="margin-bottom:20px;">
										<img class="meta__avatar" src="img/authors/4.png" alt="author04" />
										<span class="meta__date"><i class="fa fa-calendar-o"></i> 6 Apr</span>
										<span class="meta__reading-time"><i class="fa fa-clock-o"></i> 200d</span>

										<div style="text-align:center;margin-top:5em;">
											<h5 class="meta__avatar">Client: <a href="#">Nike</a></h5>
											<h5 class="meta__avatar">Key Milestone: 20171209</h5>
											<h5 class="meta__avatar">C3 Equipment Delivery</h5>
										</div>

									</div>
									<table width="100%" cellpadding="0" cellspacing="0" style="table-layout: fixed;">
										<tr>
											<td> <button id="grid-itemId-btn-3-0" class="grid-item-btn green" data-ripple>Report</button></td>
											<td> <button id="grid-itemId-btn-3-1" class="grid-item-btn green" data-ripple>Escalation</button></td>
										</tr>
										<tr>
											<td> <button id="grid-itemId-btn-3-2" class="grid-item-btn green" data-ripple>Org-Chart</button></td>
											<td> <button id="grid-itemId-btn-3-3" class="grid-item-btn green" data-ripple>Meeting Minutes</button> </td>
										</tr>
									</table>
								</div>
								<div class="grid__item" id="grid-itemId-4">
									<div class="rectangle-large" style="float:right;margin:0;position: absolute; top: 0;left: 0">
										<div class="common-circle-large"></div>
										<div class="common-circle-large"></div>
										<div class="green-circle-large"></div>
									</div>
									<h2 class="title title--preview"><a href="#">HK Logo new store 2017</a></h2>
									<div class="loader"></div>
									<span class="category">Project Mgr: Micah Cheng &nbsp;<a href="#"><i class="fa fa-envelope-o" aria-hidden="true"></a></i></span>
									<div class="meta meta--preview">
										<img class="meta__avatar" src="img/authors/5.png" alt="author05" />
										<span class="meta__date"><i class="fa fa-calendar-o"></i> 6 Apr</span>
										<span class="meta__reading-time"><i class="fa fa-clock-o"></i> 2d</span>

										<div style="text-align:center;margin-top:5em;">
											<h5 class="meta__avatar">Client: <a href="#">Nike</a></h5>
											<h5 class="meta__avatar">Key Milestone: 20171209</h5>
											<h5 class="meta__avatar">C3 Equipment Delivery</h5>
										</div>

									</div>
									<table width="100%" cellpadding="0" cellspacing="0" style="table-layout: fixed;">
										<tr>
											<td> <button id="grid-itemId-btn-4-0" class="grid-item-btn green" data-ripple>Report</button></td>
											<td> <button id="grid-itemId-btn-4-1" class="grid-item-btn green" data-ripple>Escalation</button></td>
										</tr>
										<tr>
											<td> <button id="grid-itemId-btn-4-2" class="grid-item-btn green" data-ripple>Org-Chart</button></td>
											<td> <button id="grid-itemId-btn-4-3" class="grid-item-btn green" data-ripple>Meeting Minutes</button> </td>
										</tr>
									</table>
								</div>
								<div class="grid__item" id="grid-itemId-5">
									<div class="rectangle-large" style="float:right;margin:0;position: absolute; top: 0;left: 0">
										<div class="common-circle-large"></div>
										<div class="common-circle-large"></div>
										<div class="green-circle-large"></div>
									</div>
									<h2 class="title title--preview"><a href="#">India New Delhi Office setup 2017</a></h2>
									<div class="loader"></div>
									<span class="category">Project Mgr: Jack Quan &nbsp;<a href="#"><i class="fa fa-envelope-o" aria-hidden="true"></a></i></span>
									<div class="meta meta--preview">
										<img class="meta__avatar" src="img/authors/6.png" alt="author06" />
										<span class="meta__date"><i class="fa fa-calendar-o"></i> 6 Apr</span>
										<span class="meta__reading-time"><i class="fa fa-clock-o"></i> 30d</span>

										<div style="text-align:center;margin-top:5em;">
											<h5 class="meta__avatar">Client: <a href="#">Nike</a></h5>
											<h5 class="meta__avatar">Key Milestone: 20171209</h5>
											<h5 class="meta__avatar">C3 Equipment Delivery</h5>
										</div>

									</div>
									<table width="100%" cellpadding="0" cellspacing="0" style="table-layout: fixed;">
										<tr>
											<td> <button id="grid-itemId-btn-5-0" class="grid-item-btn green" data-ripple>Report</button></td>
											<td> <button id="grid-itemId-btn-5-1" class="grid-item-btn green" data-ripple>Escalation</button></td>
										</tr>
										<tr>
											<td> <button id="grid-itemId-btn-5-2" class="grid-item-btn green" data-ripple>Org-Chart</button></td>
											<td> <button id="grid-itemId-btn-5-3" class="grid-item-btn green" data-ripple>Meeting Minutes</button> </td>
										</tr>
									</table>
								</div>
							</div>
						</div>
						<div class="container" style="float:right;width: 33.33%;padding-left:0;padding-right:10px;margin-top:4.5em">
							<div class="grid__content" id="div-content-0" style="display:none;">
								<div class="tab-group">
									<section id="tab1" title="Escalation" class="tab-section">
										<div style="padding:20px;">
											<div class="lobipanel" id="lobipanel-0" style="width:100%;">
												<div class="container-home">
													<div class="lobipanel-multiple" id="lobipanel-multiple-0">
														<div class="row">
															<div class="col-md-13">
																<div class="panel panel-default">
																	<div class="panel-heading">
																		<div class="panel-title" >
																			<h5>
																				Pudong New Office Fitout 2016
																			</h5>
																		</div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<div class='textarea-block'><h5>Client has been changing the requirement without cost. Please have an emergency meeting to confirm the requirement and reinstate the Change mgt.</h5></div>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="panel panel-default">
																	<div class="panel-heading">
																		<div class="panel-title" style="width:42%">
																			<h5>
																				<!-- <marquee> -->
																				<!-- Pudong New Office Fitout 2016 -->
																				<!-- </marquee> -->
																			</h5>
																		</div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<div class='textarea-block'>
																					<textarea id="textarea-item-0" class="textarea-item textarea-item0" name="content" placeholder="Please enter the content, not more than 300 words." maxlength="300" spellcheck="false"></textarea>
																					<div class="textarea-count">
																						<span id="textareaInput0" class="textareaInput">0</span>/<span class="textareaTotal">300</span>
																					</div>
																				</div>
																			</div>
																			<div style="float:right;margin-top:20px;">
																				<button class="grid-item-btn-reply green" data-ripple>Reply</button>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="panel panel-warning">
																	<div class="panel-heading">
																		<div class="panel-title">
																			<h5>History</h5>
																		</div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<ul style="padding:0;">
																					<li><h5><strong>2017-11-01 Micah: </strong>please confirm the weekly report subscription, It's late.</h5></li>
																					<li><h5><strong>2017-08-12 Micah: </strong>noted.</h5></li>
																					<li><h5><strong>2017-08-11 Jack: </strong>Please advise the sales quotation. Client wants to confirm the design without signing the contract.</h5></li>
																					<li><h5><strong>2017-04-01 Micah: </strong>please confirm the weekly report subscription, It's late.</h5></li>
																					<li><h5><strong>2017-03-12 Micah: </strong>noted.</h5></li>
																					<li><h5><strong>2017-03-11 Jack: </strong>Please advise the sales quotation. Client wants to confirm the design without signing the contract.</h5></li>
																					<li><h5><strong>2017-03-01 Micah: </strong>please confirm the weekly report subscription, It's late.</h5></li>
																					<li><h5><strong>2017-02-12 Micah: </strong>noted.</h5></li>
																					<li><h5><strong>2017-02-11 Jack: </strong>Please advise the sales quotation. Client wants to confirm the design without signing the contract.</h5></li>
																				</ul>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
									<section id="tab2" title="Timeline" class="tab-section">
										<div style="padding:20px;">
											<div class="container-home">
												<div class="row">
													<div class="col-md-13">
														<div class="VivaTimeline">
															<dl>
																<dt>May 2016</dt>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Feb 03</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-header">
																			<img class="meta__avatar" src="img/authors/1.png" alt="author01" />
																			<span class="meta__author">Alex</span>
																		</div>
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Feb 2016</dt>
																<dd class="pos-right clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 21</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 07</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation. Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Jan 2016</dt>
																<dt>Dec 2015</dt>
																<dt>Oct 2015</dt>
																<dt>Sep 2015</dt>
															</dl>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
								</div>
							</div>
							<div class="grid__content" id="div-content-1" style="display:none;">
								<div class="tab-group">
									<section id="tab1" title="Escalation" class="tab-section">
										<div style="padding:20px;">
											<div class="lobipanel" id="lobipanel-1" style="width:100%;">
												<div class="container-home">
													<div class="lobipanel-multiple" id="lobipanel-multiple-1">
														<div class="row">
															<div class="col-md-13">
																<div class="panel panel-default">
																	<div class="panel-heading">
																		<div class="panel-title" ><h5>Beijing 西城 新店 2017</h5></div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<div class='textarea-block'><h5>Client has been changing the requirement without cost. Please have an emergency meeting to confirm the requirement and reinstate the Change mgt.</h5></div>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="panel panel-default">
																	<div class="panel-heading">
																		<div class="panel-title"><h4></h4></div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<div class='textarea-block'>
																					<textarea id="textarea-item-1" class="textarea-item textarea-item1" name="content" placeholder="Please enter the content, not more than 300 words." maxlength="300" spellcheck="false"></textarea>
																					<div class="textarea-count">
																						<span id="textareaInput1" class="textareaInput">0</span>/<span class="textareaTotal">300</span>
																					</div>
																				</div>
																			</div>
																			<div style="float:right;margin-top:20px;">
																				<button class="grid-item-btn-reply green" data-ripple>Reply</button>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="panel panel-warning">
																	<div class="panel-heading">
																		<div class="panel-title">
																			<h4>History</h4>
																		</div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<ul style="padding:0;">
																					<li><p><strong>2017-11-01 Micah: </strong>please confirm the weekly report subscription, It's late.</p></li>
																					<li><p><strong>2017-08-12 Jack: </strong>noted.</p></li>
																					<li><p><strong>2017-08-11 Jack: </strong>Please advise the sales quotation. Client wants to confirm the design without signing the contract.</p></li>
																					<li><p><strong>2017-04-01 Micah: </strong>please confirm the weekly report subscription, It's late.</p></li>
																					<li><p><strong>2017-03-12 Micah: </strong>noted.</p></li>
																				</ul>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
									<section id="tab2" title="Timeline" class="tab-section">
										<div style="padding:20px;">
											<div class="container-home">
												<div class="row">
													<div class="col-md-13">
														<div class="VivaTimeline">
															<dl>
																<dt>May 2016</dt>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Feb 03</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-header">
																			<img class="meta__avatar" src="img/authors/1.png" alt="author01" />
																			<span class="meta__author">Alex</span>
																		</div>
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Feb 2016</dt>
																<dd class="pos-right clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 21</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 07</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation. Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Jan 2016</dt>
																<dt>Dec 2015</dt>
															</dl>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
								</div>
							</div>
							<div class="grid__content" id="div-content-2" style="display:none;">
								<div class="tab-group">
									<section id="tab1" title="Escalation" class="tab-section">
										<div style="padding:20px;">
											<div class="lobipanel" id="lobipanel-2" style="width:100%;">
												<div class="container-home">
													<div class="lobipanel-multiple" id="lobipanel-multiple-2">
														<div class="row">
															<div class="col-md-13">
																<div class="panel panel-default">
																	<div class="panel-heading">
																		<div class="panel-title" ><h5>Puxi Network Infrastruction 2016</h5></div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<div class='textarea-block'><h5>Client has been changing the requirement without cost. Please have an emergency meeting to confirm the requirement and reinstate the Change mgt.</h5></div>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="panel panel-default">
																	<div class="panel-heading">
																		<div class="panel-title"><h4></h4></div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<div class='textarea-block'>
																					<textarea id="textarea-item-2" class="textarea-item textarea-item2" name="content" placeholder="Please enter the content, not more than 300 words." maxlength="300" spellcheck="false"></textarea>
																					<div class="textarea-count">
																						<span id="textareaInput2" class="textareaInput">0</span>/<span class="textareaTotal">300</span>
																					</div>
																				</div>
																			</div>
																			<div style="float:right;margin-top:20px;">
																				<button class="grid-item-btn-reply green" data-ripple>Reply</button>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="panel panel-warning">
																	<div class="panel-heading">
																		<div class="panel-title">
																			<h4>History</h4>
																		</div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<ul style="padding:0;">
																					<li><p><strong>2017-11-01 Micah: </strong>please confirm the weekly report subscription, It's late.</p></li>
																					<li><p><strong>2017-08-12 Leo: </strong>noted.</p></li>
																					<li><p><strong>2017-08-11 Leo: </strong>Please advise the sales quotation. Client wants to confirm the design without signing the contract.</p></li>
																					<li><p><strong>2017-03-01 Micah: </strong>please confirm the weekly report subscription, It's late.</p></li>
																					<li><p><strong>2017-02-12 Leo: </strong>noted.</p></li>
																					<li><p><strong>2017-02-11 Leo: </strong>Please advise the sales quotation. Client wants to confirm the design without signing the contract.</p></li>
																				</ul>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
									<section id="tab2" title="Timeline" class="tab-section">
										<div style="padding:20px;">
											<div class="container-home">
												<div class="row">
													<div class="col-md-13">
														<div class="VivaTimeline">
															<dl>
																<dt>May 2016</dt>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Feb 03</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-header">
																			<img class="meta__avatar" src="img/authors/1.png" alt="author01" />
																			<span class="meta__author">Alex</span>
																		</div>
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Feb 2016</dt>
																<dd class="pos-right clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 21</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 07</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation. Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Jan 2016</dt>
																<dt>Dec 2015</dt>
																<dt>Oct 2015</dt>
																<dt>Sep 2015</dt>
															</dl>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
								</div>
							</div>
							<div class="grid__content" id="div-content-3" style="display:none;">
								<div class="tab-group">
									<section id="tab1" title="Escalation" class="tab-section">
										<div style="padding:20px;">
											<div class="lobipanel" id="lobipanel-3" style="width:100%;">
												<div class="container-home">
													<div class="lobipanel-multiple" id="lobipanel-multiple-3">
														<div class="row">
															<div class="col-md-13">
																<div class="panel panel-default">
																	<div class="panel-heading">
																		<div class="panel-title" ><h5>苏州 新店 2017</h5></div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<div class='textarea-block'>Client has been changing the requirement without cost. Please have an emergency meeting to confirm the requirement and reinstate the Change mgt.</div>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="panel panel-default">
																	<div class="panel-heading">
																		<div class="panel-title"><h4></h4></div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<div class='textarea-block'>
																					<textarea id="textarea-item-3" class="textarea-item textarea-item3" name="content" placeholder="Please enter the content, not more than 300 words." maxlength="300" spellcheck="false"></textarea>
																					<div class="textarea-count">
																						<span id="textareaInput3" class="textareaInput">0</span>/<span class="textareaTotal">300</span>
																					</div>
																				</div>
																			</div>
																			<div style="float:right;margin-top:20px;">
																				<button class="grid-item-btn-reply green" data-ripple>Reply</button>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="panel panel-warning">
																	<div class="panel-heading">
																		<div class="panel-title">
																			<h4>History</h4>
																		</div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<ul style="padding:0;">
																					<li><p><strong>2017-11-01 Micah: </strong>please confirm the weekly report subscription, It's late.</p></li>
																					<li><p><strong>2017-08-12 Micah: </strong>noted.</p></li>
																					<li><p><strong>2017-08-11 Jack: </strong>Please advise the sales quotation. Client wants to confirm the design without signing the contract.</p></li>
																					<li><p><strong>2017-04-01 Micah: </strong>please confirm the weekly report subscription, It's late.</p></li>
																					<li><p><strong>2017-03-12 Micah: </strong>noted.</p></li>
																					<li><p><strong>2017-03-11 Jack: </strong>Please advise the sales quotation. Client wants to confirm the design without signing the contract.</p></li>
																					<li><p><strong>2017-03-01 Micah: </strong>please confirm the weekly report subscription, It's late.</p></li>
																					<li><p><strong>2017-02-12 Micah: </strong>noted.</p></li>
																					<li><p><strong>2017-02-11 Jack: </strong>Please advise the sales quotation. Client wants to confirm the design without signing the contract.</p></li>
																				</ul>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
									<section id="tab2" title="Timeline" class="tab-section">
										<div style="padding:20px;">
											<div class="container-home">
												<div class="row">
													<div class="col-md-13">
														<div class="VivaTimeline">
															<dl>
																<dt>May 2016</dt>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Feb 03</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-header">
																			<img class="meta__avatar" src="img/authors/1.png" alt="author01" />
																			<span class="meta__author">Alex</span>
																		</div>
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Feb 2016</dt>
																<dd class="pos-right clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 21</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 07</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation. Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Jan 2016</dt>
																<dt>Dec 2015</dt>
																<dt>Oct 2015</dt>
																<dt>Sep 2015</dt>
															</dl>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
								</div>
							</div>
							<div class="grid__content" id="div-content-4" style="display:none;">
								<div class="tab-group">
									<section id="tab1" title="Escalation" class="tab-section">
										<div style="padding:20px;">
											<div class="lobipanel" id="lobipanel-4" style="width:100%;">
												<div class="container-home">
													<div class="lobipanel-multiple" id="lobipanel-multiple-4">
														<div class="row">
															<div class="col-md-13">
																<div class="panel panel-default">
																	<div class="panel-heading">
																		<div class="panel-title" ><h5>HK Logo new store 2017</h5></div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<div class='textarea-block'>Client has been changing the requirement without cost. Please have an emergency meeting to confirm the requirement and reinstate the Change mgt.</div>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="panel panel-default">
																	<div class="panel-heading">
																		<div class="panel-title"><h4></h4></div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<div class='textarea-block'>
																					<textarea id="textarea-item-4" class="textarea-item textarea-item4" name="content" placeholder="Please enter the content, not more than 300 words." maxlength="300" spellcheck="false"></textarea>
																					<div class="textarea-count">
																						<span id="textareaInput4" class="textareaInput">0</span>/<span class="textareaTotal">300</span>
																					</div>
																				</div>
																			</div>
																			<div style="float:right;margin-top:20px;">
																				<button class="grid-item-btn-reply green" data-ripple>Reply</button>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="panel panel-warning">
																	<div class="panel-heading">
																		<div class="panel-title">
																			<h4>History</h4>
																		</div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<ul style="padding:0;">
																					<li><p><strong>2017-11-01 Micah: </strong>please confirm the weekly report subscription, It's late.</p></li>
																					<li><p><strong>2017-08-12 Micah: </strong>noted.</p></li>
																					<li><p><strong>2017-08-11 Jack: </strong>Please advise the sales quotation. Client wants to confirm the design without signing the contract.</p></li>
																					<li><p><strong>2017-04-01 Micah: </strong>please confirm the weekly report subscription, It's late.</p></li>
																					<li><p><strong>2017-03-12 Micah: </strong>noted.</p></li>
																					<li><p><strong>2017-03-11 Jack: </strong>Please advise the sales quotation. Client wants to confirm the design without signing the contract.</p></li>
																				</ul>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
									<section id="tab2" title="Timeline" class="tab-section">
										<div style="padding:20px;">
											<div class="container-home">
												<div class="row">
													<div class="col-md-13">
														<div class="VivaTimeline">
															<dl>
																<dt>May 2016</dt>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Feb 03</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-header">
																			<img class="meta__avatar" src="img/authors/1.png" alt="author01" />
																			<span class="meta__author">Alex</span>
																		</div>
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Feb 2016</dt>
																<dd class="pos-right clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 21</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 07</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation. Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Jan 2016</dt>
																<dt>Dec 2015</dt>
																<dt>Oct 2015</dt>
																<dt>Sep 2015</dt>
															</dl>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
								</div>
							</div>
							<div class="grid__content" id="div-content-5" style="display:none;">
								<div class="tab-group">
									<section id="tab1" title="Escalation" class="tab-section">
										<div style="padding:20px;">
											<div class="lobipanel" id="lobipanel-5" style="width:100%;">
												<div class="container-home">
													<div class="lobipanel-multiple" id="lobipanel-multiple-5">
														<div class="row">
															<div class="col-md-13">
																<div class="panel panel-default">
																	<div class="panel-heading">
																		<div class="panel-title" ><h5>India New Delhi Office setup 2017</h5></div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<div class='textarea-block'>Client has been changing the requirement without cost. Please have an emergency meeting to confirm the requirement and reinstate the Change mgt.</div>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="panel panel-default">
																	<div class="panel-heading">
																		<div class="panel-title"><h4></h4></div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<div class='textarea-block'>
																					<textarea id="textarea-item-5" class="textarea-item textarea-item5" name="content" placeholder="Please enter the content, not more than 300 words." maxlength="300" spellcheck="false"></textarea>
																					<div class="textarea-count">
																						<span id="textareaInput5" class="textareaInput">0</span>/<span class="textareaTotal">300</span>
																					</div>
																				</div>
																			</div>
																			<div style="float:right;margin-top:20px;">
																				<button class="grid-item-btn-reply green" data-ripple>Reply</button>
																			</div>
																		</div>
																	</div>
																</div>
																<div class="panel panel-warning">
																	<div class="panel-heading">
																		<div class="panel-title">
																			<h4>History</h4>
																		</div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<ul style="padding:0;">
																					<li><p><strong>2017-11-01 Micah: </strong>please confirm the weekly report subscription, It's late.</p></li>
																					<li><p><strong>2017-08-12 Micah: </strong>noted.</p></li>
																					<li><p><strong>2017-08-11 Jack: </strong>Please advise the sales quotation. Client wants to confirm the design without signing the contract.</p></li>
																					<li><p><strong>2017-04-01 Micah: </strong>please confirm the weekly report subscription, It's late.</p></li>
																					<li><p><strong>2017-03-12 Micah: </strong>noted.</p></li>
																					<li><p><strong>2017-03-11 Jack: </strong>Please advise the sales quotation. Client wants to confirm the design without signing the contract.</p></li>
																					<li><p><strong>2017-03-01 Micah: </strong>please confirm the weekly report subscription, It's late.</p></li>
																					<li><p><strong>2017-02-12 Micah: </strong>noted.</p></li>
																					<li><p><strong>2017-02-11 Jack: </strong>Please advise the sales quotation. Client wants to confirm the design without signing the contract.</p></li>
																				</ul>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
									<section id="tab2" title="Timeline" class="tab-section">
										<div style="padding:20px;">
											<div class="container-home">
												<div class="row">
													<div class="col-md-13">
														<div class="VivaTimeline">
															<dl>
																<dt>May 2016</dt>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Feb 03</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-header">
																			<img class="meta__avatar" src="img/authors/1.png" alt="author01" />
																			<span class="meta__author">Alex</span>
																		</div>
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Feb 2016</dt>
																<dd class="pos-right clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 21</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 07</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation. Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Jan 2016</dt>
																<dt>Dec 2015</dt>
																<dt>Oct 2015</dt>
																<dt>Sep 2015</dt>
															</dl>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
								</div>
							</div>


							<div class="grid__content__report" id="div-content-report-0" style="display:none;">
								<div class="tab-group">
									<section id="tab1" title="Report" class="tab-section">
										<div style="padding:20px;">
											<div class="lobipanel-report" id="lobipanel-report-0" style="width:100%;">
												<div class="container-home">
													<div class="lobipanel-multiple-report" id="lobipanel-multiple-report-0">
														<div class="row">
															<div class="col-md-13">
																<div class="panel panel-default">
																	<div class="panel-heading">
																		<div class="panel-title" >
																			<h5>
																				Pudong New Office Fitout 2016
																			</h5>
																		</div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<div class='textarea-block' style="width:100%; margin-top:20px;padding:20px;float: left;border:1px solid #999;">
																					<ul style="padding:0;">
																						<li><h5>Created 20171231</h5></li>
																						<li><h5>Created by: Jack Quan</h5></li>
																						<li><h5>Status: Unread</h5></li>
																					</ul>
																					<a href="#" style="border-bottom:1px solid;float: right;">Open</a>
																				</div>
																				<div class='textarea-block' style="width:100%; margin-top:20px;padding:20px;float: left;border:1px solid #999;">
																					<ul style="padding:0;" style="list-style:none;">
																						<li><h5>Created 20171224</h5></li>
																						<li><h5>Created by: Jack Quan</h5></li>
																						<li><h5>Status: Read</h5></li>
																					</ul>
																					<a href="#" style="border-bottom:1px solid;float: right;">Open</a>
																					<ul style="padding:0;float: left;">
																						<li><h5>Comment:</h5></li>
																						<li><h5>20171230 Micah Cheng "Please also update the feedback from client into the report".</h5></li>
																					</ul>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
									<section id="tab2" title="Timeline" class="tab-section">
										<div style="padding:20px;">
											<div class="container-home">
												<div class="row">
													<div class="col-md-13">
														<div class="VivaTimeline">
															<dl>
																<dt>May 2016</dt>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Feb 03</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-header">
																			<img class="meta__avatar" src="img/authors/1.png" alt="author01" />
																			<span class="meta__author">Alex</span>
																		</div>
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Feb 2016</dt>
																<dd class="pos-right clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 21</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 07</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation. Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Jan 2016</dt>
																<dt>Dec 2015</dt>
																<dt>Oct 2015</dt>
																<dt>Sep 2015</dt>
															</dl>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
								</div>
							</div>
							<div class="grid__content__report" id="div-content-report-1" style="display:none;">
								<div class="tab-group">
									<section id="tab1" title="Report" class="tab-section">
										<div style="padding:20px;">
											<div class="lobipanel-report" id="lobipanel-report-1" style="width:100%;">
												<div class="container-home">
													<div class="lobipanel-multiple-report" id="lobipanel-multiple-report-1">
														<div class="row">
															<div class="col-md-13">
																<div class="panel panel-default">
																	<div class="panel-heading">
																		<div class="panel-title" ><h5>Beijing 西城 新店 2017</h5></div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<div class='textarea-block'>
																					<ul style="padding:0;">
																						<li><h5>Created 20171224</h5></li>
																						<li><h5>Created by: Jack Quan</h5></li>
																						<li><h5>Status: Read</h5></li>
																					</ul>
																					<a href="#" style="border-bottom:1px solid;float: right;">Open</a>
																					<ul style="padding:0;float: left;">
																						<li><h5>Comment:</h5></li>
																						<li><h5>20171230 Micah Cheng "Please also update the feedback from client into the report".</h5></li>
																					</ul>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
									<section id="tab2" title="Timeline" class="tab-section">
										<div style="padding:20px;">
											<div class="container-home">
												<div class="row">
													<div class="col-md-13">
														<div class="VivaTimeline">
															<dl>
																<dt>May 2016</dt>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Feb 03</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-header">
																			<img class="meta__avatar" src="img/authors/1.png" alt="author01" />
																			<span class="meta__author">Alex</span>
																		</div>
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Feb 2016</dt>
																<dd class="pos-right clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 21</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 07</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation. Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Jan 2016</dt>
																<dt>Dec 2015</dt>
															</dl>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
								</div>
							</div>
							<div class="grid__content__report" id="div-content-report-2" style="display:none;">
								<div class="tab-group">
									<section id="tab1" title="Report" class="tab-section">
										<div style="padding:20px;">
											<div class="lobipanel-report" id="lobipanel-report-2" style="width:100%;">
												<div class="container-home">
													<div class="lobipanel-multiple-report" id="lobipanel-multiple-report-2">
														<div class="row">
															<div class="col-md-13">
																<div class="panel panel-default">
																	<div class="panel-heading">
																		<div class="panel-title" ><h5>Puxi Network Infrastruction 2016</h5></div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<div class='textarea-block' style="width:100%; margin-top:20px;padding:20px;float: left;border:1px solid #999;">
																					<ul style="padding:0;">
																						<li><h5>Created 20171231</h5></li>
																						<li><h5>Created by: Jack Quan</h5></li>
																						<li><h5>Status: Unread</h5></li>
																					</ul>
																					<a href="#" style="border-bottom:1px solid;float: right;">Open</a>
																				</div>
																				<div class='textarea-block' style="width:100%; margin-top:20px;padding:20px;float: left;border:1px solid #999;">
																					<ul style="padding:0;" style="list-style:none;">
																						<li><h5>Created 20171224</h5></li>
																						<li><h5>Created by: Jack Quan</h5></li>
																						<li><h5>Status: Read</h5></li>
																					</ul>
																					<a href="#" style="border-bottom:1px solid;float: right;">Open</a>
																					<ul style="padding:0;float: left;">
																						<li><h5>Comment:</h5></li>
																						<li><h5>20171230 Micah Cheng "Please also update the feedback from client into the report".</h5></li>
																					</ul>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
									<section id="tab2" title="Timeline" class="tab-section">
										<div style="padding:20px;">
											<div class="container-home">
												<div class="row">
													<div class="col-md-13">
														<div class="VivaTimeline">
															<dl>
																<dt>May 2016</dt>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Feb 03</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-header">
																			<img class="meta__avatar" src="img/authors/1.png" alt="author01" />
																			<span class="meta__author">Alex</span>
																		</div>
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Feb 2016</dt>
																<dd class="pos-right clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 21</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 07</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation. Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Jan 2016</dt>
																<dt>Dec 2015</dt>
																<dt>Oct 2015</dt>
																<dt>Sep 2015</dt>
															</dl>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
								</div>
							</div>
							<div class="grid__content__report" id="div-content-report-3" style="display:none;">
								<div class="tab-group">
									<section id="tab1" title="Report" class="tab-section">
										<div style="padding:20px;">
											<div class="lobipanel-report" id="lobipanel-report-3" style="width:100%;">
												<div class="container-home">
													<div class="lobipanel-multiple-report" id="lobipanel-multiple-report-3">
														<div class="row">
															<div class="col-md-13">
																<div class="panel panel-default">
																	<div class="panel-heading">
																		<div class="panel-title" ><h5>苏州 新店 2017</h5></div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<div class='textarea-block' style="width:100%; margin-top:20px;padding:20px;float: left;border:1px solid #999;">
																					<ul style="padding:0;">
																						<li><h5>Created 20171231</h5></li>
																						<li><h5>Created by: Jack Quan</h5></li>
																						<li><h5>Status: Unread</h5></li>
																					</ul>
																					<a href="#" style="border-bottom:1px solid;float: right;">Open</a>
																				</div>
																				<div class='textarea-block' style="width:100%; margin-top:20px;padding:20px;float: left;border:1px solid #999;">
																					<ul style="padding:0;" style="list-style:none;">
																						<li><h5>Created 20171224</h5></li>
																						<li><h5>Created by: Jack Quan</h5></li>
																						<li><h5>Status: Read</h5></li>
																					</ul>
																					<a href="#" style="border-bottom:1px solid;float: right;">Open</a>
																					<ul style="padding:0;float: left;">
																						<li><h5>Comment:</h5></li>
																						<li><h5>20171230 Micah Cheng "Please also update the feedback from client into the report".</h5></li>
																					</ul>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
									<section id="tab2" title="Timeline" class="tab-section">
										<div style="padding:20px;">
											<div class="container-home">
												<div class="row">
													<div class="col-md-13">
														<div class="VivaTimeline">
															<dl>
																<dt>May 2016</dt>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Feb 03</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-header">
																			<img class="meta__avatar" src="img/authors/1.png" alt="author01" />
																			<span class="meta__author">Alex</span>
																		</div>
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Feb 2016</dt>
																<dd class="pos-right clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 21</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 07</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation. Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Jan 2016</dt>
																<dt>Dec 2015</dt>
																<dt>Oct 2015</dt>
																<dt>Sep 2015</dt>
															</dl>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
								</div>
							</div>
							<div class="grid__content__report" id="div-content-report-4" style="display:none;">
								<div class="tab-group">
									<section id="tab1" title="Report" class="tab-section">
										<div style="padding:20px;">
											<div class="lobipanel-report" id="lobipanel-report-4" style="width:100%;">
												<div class="container-home">
													<div class="lobipanel-multiple-report" id="lobipanel-multiple-report-4">
														<div class="row">
															<div class="col-md-13">
																<div class="panel panel-default">
																	<div class="panel-heading">
																		<div class="panel-title" ><h5>HK Logo new store 2017</h5></div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<div class='textarea-block' style="width:100%; margin-top:20px;padding:20px;float: left;border:1px solid #999;">
																					<ul style="padding:0;">
																						<li><h5>Created 20171231</h5></li>
																						<li><h5>Created by: Jack Quan</h5></li>
																						<li><h5>Status: Unread</h5></li>
																					</ul>
																					<a href="#" style="border-bottom:1px solid;float: right;">Open</a>
																				</div>
																				<div class='textarea-block' style="width:100%; margin-top:20px;padding:20px;float: left;border:1px solid #999;">
																					<ul style="padding:0;" style="list-style:none;">
																						<li><h5>Created 20171224</h5></li>
																						<li><h5>Created by: Jack Quan</h5></li>
																						<li><h5>Status: Read</h5></li>
																					</ul>
																					<a href="#" style="border-bottom:1px solid;float: right;">Open</a>
																					<ul style="padding:0;float: left;">
																						<li><h5>Comment:</h5></li>
																						<li><h5>20171230 Micah Cheng "Please also update the feedback from client into the report".</h5></li>
																					</ul>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
									<section id="tab2" title="Timeline" class="tab-section">
										<div style="padding:20px;">
											<div class="container-home">
												<div class="row">
													<div class="col-md-13">
														<div class="VivaTimeline">
															<dl>
																<dt>May 2016</dt>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Feb 03</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-header">
																			<img class="meta__avatar" src="img/authors/1.png" alt="author01" />
																			<span class="meta__author">Alex</span>
																		</div>
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Feb 2016</dt>
																<dd class="pos-right clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 21</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 07</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation. Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Jan 2016</dt>
																<dt>Dec 2015</dt>
																<dt>Oct 2015</dt>
																<dt>Sep 2015</dt>
															</dl>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
								</div>
							</div>
							<div class="grid__content__report" id="div-content-report-5" style="display:none;">
								<div class="tab-group">
									<section id="tab1" title="Report" class="tab-section">
										<div style="padding:20px;">
											<div class="lobipanel-report" id="lobipanel-report-5" style="width:100%;">
												<div class="container-home">
													<div class="lobipanel-multiple-report" id="lobipanel-multiple-report-5">
														<div class="row">
															<div class="col-md-13">
																<div class="panel panel-default">
																	<div class="panel-heading">
																		<div class="panel-title" ><h5>India New Delhi Office setup 2017</h5></div>
																	</div>
																	<div class="panel-body">
																		<div class="media">
																			<div class="media-body">
																				<div class='textarea-block' style="width:100%; margin-top:20px;padding:20px;float: left;border:1px solid #999;">
																					<ul style="padding:0;">
																						<li><h5>Created 20171231</h5></li>
																						<li><h5>Created by: Jack Quan</h5></li>
																						<li><h5>Status: Unread</h5></li>
																					</ul>
																					<a href="#" style="border-bottom:1px solid;float: right;">Open</a>
																				</div>
																				<div class='textarea-block' style="width:100%; margin-top:20px;padding:20px;float: left;border:1px solid #999;">
																					<ul style="padding:0;" style="list-style:none;">
																						<li><h5>Created 20171224</h5></li>
																						<li><h5>Created by: Jack Quan</h5></li>
																						<li><h5>Status: Read</h5></li>
																					</ul>
																					<a href="#" style="border-bottom:1px solid;float: right;">Open</a>
																					<ul style="padding:0;float: left;">
																						<li><h5>Comment:</h5></li>
																						<li><h5>20171230 Micah Cheng "Please also update the feedback from client into the report".</h5></li>
																					</ul>
																				</div>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
									<section id="tab2" title="Timeline" class="tab-section">
										<div style="padding:20px;">
											<div class="container-home">
												<div class="row">
													<div class="col-md-13">
														<div class="VivaTimeline">
															<dl>
																<dt>May 2016</dt>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Feb 03</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-header">
																			<img class="meta__avatar" src="img/authors/1.png" alt="author01" />
																			<span class="meta__author">Alex</span>
																		</div>
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Feb 2016</dt>
																<dd class="pos-right clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 21</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dd class="pos-left clearfix">
																	<div class="circ"></div>
																	<div class="time">Jan 07</div>
																	<div class="events" style="background:#EEE">
																		<div class="events-body" style="background:#EEE">
																			<div class="events-desc">
																				Please advise the sales quotation. Please advise the sales quotation.Please advise the sales quotation.Please advise the sales quotation.
																			</div>
																		</div>
																	</div>
																</dd>
																<dt>Jan 2016</dt>
																<dt>Dec 2015</dt>
																<dt>Oct 2015</dt>
																<dt>Sep 2015</dt>
															</dl>
														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
								</div>
							</div>


							<div class="grid__content__org_chart" id="div-content-org_chart-1" style="display:none;">
								<div class="tab-group">
									<section id="tab1" title="Org_Chart" class="tab-section">
										<div style="padding:20px;">
											<div class="lobipanel-org_chart" id="lobipanel-org_chart-0" style="width:100%;">
												<div class="container-home">

												</div>
											</div>
										</div>
									</section>
									<section id="tab2" title="Timeline" class="tab-section">

									</section>
								</div>
							</div>
							<div class="grid__content__org_chart" id="div-content-org_chart-2" style="display:none;">
								<div class="tab-group">
									<section id="tab1" title="Org_Chart" class="tab-section">
										<div style="padding:20px;">
											<div class="lobipanel-org_chart" id="lobipanel-org_chart-0" style="width:100%;">
												<div class="container-home">

												</div>
											</div>
										</div>
									</section>
									<section id="tab2" title="Timeline" class="tab-section">

									</section>
								</div>
							</div>
							<div class="grid__content__org_chart" id="div-content-org_chart-3" style="display:none;">
								<div class="tab-group">
									<section id="tab1" title="Org_Chart" class="tab-section">
										<div style="padding:20px;">
											<div class="lobipanel-org_chart" id="lobipanel-org_chart-0" style="width:100%;">
												<div class="container-home">

												</div>
											</div>
										</div>
									</section>
									<section id="tab2" title="Timeline" class="tab-section">

									</section>
								</div>
							</div>
							<div class="grid__content__org_chart" id="div-content-org_chart-4" style="display:none;">
								<div class="tab-group">
									<section id="tab1" title="Org_Chart" class="tab-section">
										<div style="padding:20px;">
											<div class="lobipanel-org_chart" id="lobipanel-org_chart-0" style="width:100%;">
												<div class="container-home">

												</div>
											</div>
										</div>
									</section>
									<section id="tab2" title="Timeline" class="tab-section">

									</section>
								</div>
							</div>
							<div class="grid__content__org_chart" id="div-content-org_chart-5" style="display:none;">
								<div class="tab-group">
									<section id="tab1" title="Org_Chart" class="tab-section">
										<div style="padding:20px;">
											<div class="lobipanel-org_chart" id="lobipanel-org_chart-0" style="width:100%;">
												<div class="container-home">

												</div>
											</div>
										</div>
									</section>
									<section id="tab2" title="Timeline" class="tab-section">

									</section>
								</div>
							</div>
						</div>
					</div>
					<div class="container-home container-home-org_chart" style="display:none;">
						<div class="grid__content__org_chart" id="div-content-org_chart-0" style="float: left;width:65%;">
							<div class="container-fluid" style="margin-top:20px;display:none">
								<div class="row">
									<div class="col-md-12">
										<div class="tree">
											<ul>
												<li>
													<a href="#" class="top-level">
														<div class="container-fluid">
															Dior Janice Won
														</div>
													</a>
													<ul>
														<li>
															<a href="#" class="top-level-child1">
																<div class="container-fluid" >
																	<p>Project Owner</p>
																	<p>Micah Cheng</p>
																</div>
															</a>
														</li>
														<li>
															<a href="#" class="top-level-child1">
																<div class="container-fluid">
																	<p>Project Manager</p>
																	<p>Jack Quan</p>
																</div>
															</a>
															<ul>
																<li>
																	<a href="#" class="top-level-child1">
																		<div class="container-fluid">
																			<p>Project Manager</p>
																			<p>Jack Quan</p>
																		</div>
																	</a>
																</li>
																<li>
																	<a href="#" class="top-level-child1">
																		<div class="container-fluid">
																			<p>Project Manager</p>
																			<p>Jack Quan</p>
																		</div>
																	</a>
																</li>
															</ul>
														</li>
														<li>
															<a href="#" class="top-level-child1">
																<div class="container-fluid">
																	<p>Project Manager</p>
																	<p>Jack Quan</p>
																</div>
															</a>
														</li>
													</ul>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
							<div style="text-align: center; border:1px solid #AAA;margin-top:1em;">
								<div class="top-bar" style="margin-top: 20px;position: relative; left: 40%;z-index: -999;">
									<h2 class="top-bar__headline"><a href="#" style="text-decoration:underline">My team</a></h2>
									<h2 class="top-bar__headline" style="position:relative;left:3%;"><a href="#" style="text-decoration:underline">New member</a></h2>
								</div>
								<img style="border:1px solid #999;margin-top:1em;padding:0.5em 5em;" src="img/screen_shot.jpg" />
							</div>
						</div>
						<div class="container" style="float:right;width: 30%;padding-left:0;padding-right:10px;margin-top:2em">
							<div class="lobipanel-org_chart" id="lobipanel-org_chart-0" style="width:100%;">
								<div class="container-home">
									<div class="lobipanel-multiple-org_chart" id="lobipanel-multiple-org_chart-0">
										<div class="row">
											<div class="col-md-13">
												<div class="panel panel-default">
													<div class="panel-heading">
														<div class="panel-title" >
															<h5>
																Purchase: David Chen
															</h5>
														</div>
													</div>
													<div class="panel-body" style="height: 50em; display: block;">
														<div class="media">
															<div class="media-body">
																<div>
																	<table id="table" width="100%" cellpadding="0" cellspacing="0" style="table-layout: fixed;">
																		<thead>
																		<tr>
																			<th class="table-title1">Planning</th>
																			<th></th>
																		</tr>
																		</thead>
																	</table>
																	<table id="table" class="test-table" width="100%" cellpadding="0" cellspacing="0" style="table-layout: fixed;">
																		<thead>
																		<tr>
																			<th>Task</th>
																			<th>Finish Date</th>
																			<th>Status</th>
																		</tr>
																		</thead>
																		<tbody>
																		<tr>
																			<td>Confirm Factories</td>
																			<td>20170312</td>
																			<td>100%</td>
																		</tr>
																		<tr>
																			<td>Confirm Vendors</td>
																			<td></td>
																			<td>100%</td>
																		</tr>
																		<tr>
																			<td></td>
																			<td></td>
																			<td></td>
																		</tr>
																		<tr>
																			<td></td>
																			<td></td>
																			<td></td>
																		</tr>
																		</tbody>
																	</table>

																	<table id="table" width="100%" cellpadding="0" cellspacing="0" style="table-layout: fixed;" class="test-table-header">
																		<thead>
																		<tr>
																			<th class="table-title2">Design</th>
																			<th></th>
																		</tr>
																		</thead>
																	</table>
																	<table id="table" class="test-table" width="100%" cellpadding="0" cellspacing="0" style="table-layout: fixed;">
																		<thead>
																		<tr>
																			<th>Task</th>
																			<th>Finish Date</th>
																			<th>Status</th>
																		</tr>
																		</thead>
																		<tbody>
																		<tr>
																			<td>Prepare contract</td>
																			<td>20170413</td>
																			<td>50%</td>
																		</tr>
																		<tr>
																			<td>Apply payment</td>
																			<td>20170427</td>
																			<td>50%</td>
																		</tr>
																		<tr>
																			<td></td>
																			<td></td>
																			<td></td>
																		</tr>
																		<tr>
																			<td></td>
																			<td></td>
																			<td></td>
																		</tr>
																		</tbody>
																	</table>

																	<table width="100%" cellpadding="0" cellspacing="0" style="table-layout: fixed;margin-top: 20px;">
																		<tr>
																			<td style="padding:0; border:1.5px solid #666"> <button id="grid-itemId-btn-0-0" class="grid-item-btn grey" style="color: #4D4A45;" data-ripple>Implementation</button></td>
																			<td style="padding:0;"></td>
																		</tr>
																		<tr>
																			<td style="padding:0; border:1.5px solid #666"> <button id="grid-itemId-btn-0-2" class="grid-item-btn grey" style="color: #4D4A45;" data-ripple>Closure</button></td>
																			<td style="padding:0;"></td>
																		</tr>
																	</table>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>

				<section id="tab2" title="Timeline">
					<div style="float:left;margin:90px 0px 8px 20px;">
						<ul style="height:600px;text-align: center;" class="ul-project-column">
							<li style="margin-top: 40px">Nike Pudong New Office Fitout 2016</li>
							<li style="margin-top: 30px">Dior Beijing 西城 新店 2017</li>
							<li style="margin-top: 30px">Dior <br>苏州 新店 2017</li>
							<li style="margin-top: 30px">India New Delhi office setup 2017</li>
						</ul>
					</div>
					<div style="float:left;">
						<div style="width: 1000px; height:400px; border-left:1px solid #333; border-bottom:1px solid #333;margin:50px 0px 8px 20px;">
							<span class="span-keyM">Key Milesone</span>
							<table class="table-projects0">
								<tr>
									<td height="48px" width="170px"></td>
								</tr>
							</table>
							<table class="table-projects">
								<tr>
									<td class="table-item-row requirement requirement_col_20170228">Requirement</td>
									<td class="table-item-row planning planning_col_20170420">Planning</td>
									<td class="table-item-row design design_col_20170708">Design</td>
									<td class="table-item-row implemention implemention_col_20170918">Implementation</td>
								</tr>
							</table>
							<table class="table-projects1">
								<tr>
									<td class="table-item-row procurement procurement_col_20170302">Procurement</td>
									<td class="table-item-row implemention implemention_col_20170918">Implementation</td>
									<td class="table-item-row testing testing_col_20170722">Testing & UAT</td>
								</tr>
							</table>

							<table class="table-projects2">
								<tr>
									<td class="table-item-row requirement" width="85px">Requirement</td>
									<td class="table-item-row design" width="170px">Design</td>
									<td class="table-item-row procurement" width="220px">Procurement</td>
									<td class="table-item-row implemention" width="180px">Implementation</td>
									<td class="table-item-row testing" width="200px">Testing & UAT</td>
									<td class="table-item-row testing" width="85px">Handover</td>
								</tr>
							</table>
							<table class="table-projects3">
								<tr>
									<td class="table-item-row emptywork" width="85px"></td>
									<td class="table-item-row requirement" width="325px">Implementation</td>
									<td class="table-item-row design" width="185px">Design</td>
								</tr>
							</table>
						</div>
						<ul style="" class="ul-time-line">
							<li>201701</li>
							<li>201703</li>
							<li>201705</li>
							<li>201707</li>
							<li>201709</li>
							<li>201711</li>
						</ul>
					</div>
				</section>
			</div>

		</div>
		<!-- page-wrapper end -->

		<!-- JavaScript files placed at the end of the document so the pages load faster -->
		<!-- ================================================== -->
		<!-- Jquery and Bootstrap core js files -->
		<script type="text/javascript" src="plugins/jquery.min.js"></script>
		<script type="text/javascript" src="plugins/bootstrap/js/bootstrap.min.js"></script>

		<!-- Modernizr javascript -->
		<script type="text/javascript" src="plugins/modernizr.js"></script>

		<!-- jQuery Revolution Slider  -->
		<script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
		<script type="text/javascript" src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

		<!-- Isotope javascript -->
		<script type="text/javascript" src="plugins/isotope/isotope.pkgd.min.js"></script>

		<!-- Magnific Popup javascript -->
		<script type="text/javascript" src="plugins/magnific-popup/jquery.magnific-popup.min.js"></script>

		<!-- Appear javascript -->
		<script type="text/javascript" src="plugins/waypoints/jquery.waypoints.min.js"></script>

		<!-- Count To javascript -->
		<script type="text/javascript" src="plugins/jquery.countTo.js"></script>

		<!-- Parallax javascript -->
		<script src="plugins/jquery.parallax-1.1.3.js"></script>

		<!-- Contact form -->
		<script src="plugins/jquery.validate.js"></script>

		<!-- Background Video -->
		<script src="plugins/vide/jquery.vide.js"></script>

		<!-- Owl carousel javascript -->
		<script type="text/javascript" src="plugins/owl-carousel/owl.carousel.js"></script>

		<!-- SmoothScroll javascript -->
		<script type="text/javascript" src="plugins/jquery.browser.js"></script>
		<script type="text/javascript" src="plugins/SmoothScroll.js"></script>

		<!-- Initialization of Plugins -->
		<script type="text/javascript" src="dict/js/template.js"></script>

		<!-- Custom Scripts -->
		<script type="text/javascript" src="dict/js/custom.js"></script>

        <!-- Project Scripts -->
        <script type="text/javascript" src="dict/js/custom/classie.js"></script>
        <script type="text/javascript" src="dict/js/custom/main.js"></script>
        <script type="text/javascript" src="dict/js/custom/main_nav.js"></script>
        <script type="text/javascript" src="dict/common/jquery-ui.min.js"></script>
        <script type="text/javascript" src="dict/common/js/lobipanel.min.js"></script>
        <script type="text/javascript" src="dict/js/custom/panel.js"></script>
        <script type="text/javascript" src="dict/js/custom/jquery-tab-parent.js"></script>
        <script type="text/javascript" src="dict/js/custom/jquery-tab.js"></script>
        <script type="text/javascript" src="dict/js/custom/jquery.eeyellow.Timeline.js"></script>
        <script type="text/javascript" src="dict/js/custom/ripple.js"></script>
        <script type="text/javascript" src="dict/common/js/jquery.htools.select.js"></script>
        <script type="text/javascript" src="dict/js/custom/jquery.basictable.min.js"></script>
        <script type="text/javascript" src="dict/js/custom/logic.js"></script>
	</body>
</html>
